<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // AJAX : 前端与后端交互数据的方式(异步的)
        // 同步：客户端向服务器端发一次请求，必须要等待服务响应，如果不响应程序将会挂起，这个时候你就不能做其它的事情了
        // 异步：客户端向服务器端发一次请求，可以不用服务器端立即响应，这个时候还可以做其它的事情。多个操作同时进行。
        // ES中提供了一个对象(Promise:承诺)来解决异步的问题。它就是一个对象，作用：用来传递异步操作的数据的。
        // Promise对象会具有以下几种状态： 1. pending(等待，处理中)--> 2. Resolve(完成) --> 3. Rejected(拒绝，失败)

        var p1 = new Promise(function(resolve,reject){
            // if(异步处理成功了){
            //     resolve(成功的数据);
            // }else {
            //     reject(失败的原因);
            // }
            resolve(1);
        })

        p1.then(function(value){
            //成功的状态
            alert("成功了"+value);
        },function(value){
            alert("失败了"+value);
        })


    </script>
</head>
<body>
    
</body>
</html>